<script setup>
import { ref } from "vue";
const props = defineProps({
  text: String,
});
const { text } = toRefs(props);

</script>
<template>
  <div>
    <div class="splitBox flex align-center">
      <div class="iconBox mar-r-6"></div>
      <div>{{text}}</div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import "@/assets/mixin/css/tablePublic";
.splitBox{
    color: black;
    font-size: 18px;
}
.iconBox {
  width: 4px;
  height: 19px;
  background: rgb(1, 145, 255);
  border-radius: 2px;
}
</style>